
html {
  height: 90%;
  width: 100%;
}

body {
  height: 100%;
}


.xuan {
  font-size: 14px;
  position: relative;
  color: aliceblue;
  margin-right: 40px;
  height: 100%;
  text-align: center
  
}

.xuan span {
  position: absolute;
  top: 40%;
  left: 24%;
  font-size: 15px;
}
input{
  border: 1px solid rgb(22, 97, 146);
  background-color: transparent;
}
.xuan select {
  position: absolute;
  top: 37%;
  left: 50%;
  background-color: transparent;
  border: 1px solid rgb(22, 97, 146);
  width: 170px;
  height: 30px;

}
option{
  border: 1px solid rgb(22, 97, 146);
  width: 170px;
  height: 30px; 
  background-color: transparent !important;
  color: black;
}
.xuan input {
  position: absolute;
  top: 37%;
  left: 50%;
  
  width: 170px;
  height: 30px;

}
input::placeholder {
  color: rgb(246, 247, 249) !important;
  text-indent: 1em
}

.but{
  border: 1px solid rgb(22, 97, 146);
  font-size: 14px;
  width: 100% !important;
  height: 100% !important;
}
.but:hover{
  background-color: rgba(1, 99, 124, 0.9) !important;
}
.aaa{
  font-size: 16px;
  color: antiquewhite;
  text-align: center;
  width: 90px;
  position: relative;
  top: 20%;
  margin-right: 10px;
  height: 25px;
  
}
.aaa::placeholder{
  color: aliceblue;
 
}
.aaa:hover{
  background-color: rgba(1, 99, 124, 0.5) !important;
}
tr:hover{
  background-color: rgba(1, 99, 124, 0.5) !important;
}

th:hover{
 background-color:  rgba(1, 99, 124, 0.5) !important;
}
